<template>
	<z-nav-bar title="推杆"></z-nav-bar>
	<view v-for="item in data.list" class="item-box" @click="evaluationDetail(item)">
		<view class="flex_fsc">
			<view class="z-font-32 text-w">技能测试：</view>
			<view class="uni-585C66">{{ item.dictLabel }}</view>
		</view>
		<view class="box-gz uni-585C66">{{ item.remark }}</view>
	</view>
</template>

<script setup>
	const data = uni.getStorageSync('evaluation-data')
	function evaluationDetail(item) {
		const dataDetail = JSON.parse(JSON.stringify(item))
		const tmpList  = dataDetail.children
		delete dataDetail.children
		uni.setStorageSync('evaluation-data', {
			type: data.type,
			list: tmpList,
			data: dataDetail,
			playerInfo: data.playerInfo,
			id: dataDetail.dictCode
		})
		uni.redirectTo({
			url: '/pages/player/evaluation/evaluation-base/evaluation-base'
		})
	}
</script>

<style scoped>
	page {
		background: #F5F5F5;
	}

	.item-box {
		width: 686rpx;
		background: #FFFFFF;
		border-radius: 24rpx;
		box-sizing: border-box;
		padding: 28rpx 32rpx;
		margin: 32rpx 32rpx 0;
	}

	.box-gz {
		width: 100%;
		box-sizing: border-box;
		padding: 20rpx 24rpx;
		background: #F8F9FA;
		border-radius: 16rpx;
		margin-top: 20rpx;
	}
</style>